#createSingleClass {
    @include flexbox();
    @include flex-direction(column);
    height: 100%;
    background: rgba(246,246,246,1);
    font-size: 15px;
    header {
        @include flexbox();
		height: 45px;
        line-height: 45px;
        color: #fff;
        background: linear-gradient(to right, #2fd4ac,  #2fd492);
        i {
            width: 30px;
            background: url(image/icon_return.png) no-repeat center;
            background-size: 100%;
        }
        div {
            @include flex();
            margin-right: 30px;
            text-align: center;
            font-size: 18px;
        }
    }
    .border-8 {
        width: 100%;
        height: 8px;
        background: #F6F6F6;
    }
   
    ul {
        @include flex();
        width: 100%;
        overflow-y: scroll;
        li {
            background: #fff;
            &.no-border a {border: none}
            &:last-child {
                background: #F6F6F6;
            }
            &:nth-of-type(2) {
                a {
                    div {
                        margin-left: 5px;
                        &:nth-of-type(1) {
                            margin-right: 27px;
                        }
                    }
                }
            }
            &>a {
                margin: 0 15px;
                padding: 14px 0;
                line-height: 26px;
                font-size: 15px;  
                border-bottom: 1px solid rgba(223,223,223,1);
                @include flexbox(); 
                &.liveType {
                    @include flexbox();
                    padding: 0 50px;
                    label {
                        @include flex();
                        @include flexbox();
                        input[type='radio'] {
                            opacity: 0;
                            position: absolute;
                        }
                        input[value='free']+i {
                            display: inline-block;
                            margin: auto;
                            width: 50px;
                            height: 50px;
                            // background: url(image/icon_free_normal.png) no-repeat center;
                            background-size: 50px;
                        }
                        input[value='charge']+i {
                            display: inline-block;
                            margin: auto;
                            width: 50px;
                            height: 50px;
                            // background: url(image/icon_charges_normal.png) no-repeat center;
                            background-size: 50px;
                        }
                        input[value='free']:checked+i {
                            // background: url(image/icon_free_click.png) no-repeat center;
                            background-size: 50px;
                        }
                        input[value='charge']:checked+i {
                            // background: url(image/icon_charges_clicks.png) no-repeat center;
                            background-size: 50px;
                        }
                        
                    }
                }
                &.descTitle {
                    height: 50px;
                }
                .red {
                    color: rgba(229,50,45,1);
                    margin-left: 8px;
                }
                &.type {
                    @include flexbox();
                    &>span {
                        margin-right: 10px;
                    }
                    label {
                        @include flex();
                        @include flexbox();
                        input[type='radio'] {
                            opacity: 0;
                            position: absolute;
                        }
                        input[type='radio']+i {
                            display: inline-block;
                            margin: auto 0;
                            width: 15px;
                            height: 19px;
                            background: url(image/icon_agree_normal.png) no-repeat center;
                            background-size: 15px;
                        }
                        input[type='radio']:checked+i {
                            background: url(image/icon_agree_click.png) no-repeat center;
                            background-size: 15px;
                        }
                        span {
                            margin-top: 1px;
                            margin-left: 6px;
                        }
                    }
                }
                &.finish {
                    display: block;
                    width: 194px;
                    height:35px;
                    color: #fff;
                    padding: 0;
                    text-align: center;
                    margin: 8px auto;
                    border-radius: 20px;
                    line-height: 35px;
                    background: #e5322d;
                }
                label {          
                    font-size: 15px;  
                    color: rgba(51,51,51,1);
                }
                input[type=text] {
                    border: 1px solid rgba(156,156,156,1);
                    width: 154px;
                    height: 35px;
                    line-height: 35px;
                    font-size: 15px;  
                    color: rgba(51,51,51,1); 
                    margin: 20px auto;
                    text-align: center;
                    border-radius: 6px;             
                }
                input::-webkit-input-placeholder {
                    color: rgba(156,156,156,1);
                    font-size: 15px;  
                }
                input:-moz-placeholder {
                    font-size: 15px;  
                    color: rgba(156,156,156,1);
                } 
                &.uploadImg {
                    @include justify-content(space-between);
                    padding-right: 9px;
                    padding-left: 5px;
                    img {
                        width: 50px!important;
                        height: 50px!important;
                    }
                    .img {
                        position: relative; 
                        width: 50px;
                        height: 50px;
                        img.delIcon {
                            position: absolute;
                            right: -8px;
                            top: -8px;
                            width: 16px!important;
                            height: 16px!important;
                        }
                       
                    } 
                    .upfileDiv {
                        position: relative;
                        input[type=file] {
                            position: absolute;
                            opacity: 0;
                            left: 0;
                            top: 0;
                            width: 100%;
                            height: 100%;
                        }
                        span {
                            display: block;
                            font-size: 13px;
                            color: rgba(156,156,156,1);
                        }
                    } 
                    
                }
                
                span {             
                    i {
                        color: rgba(156,156,156,1); 
                    }  
                }      
            }
        }
        
    }
    
   
}